<template>
  <div class="ticket-info-bd">
    <detail-title 
    icon="intro" 
    title="购票信息"
    ></detail-title>
    <div class="ticket-info">
      {{ ticketInfo }}
    </div>
  </div>
</template>

<script>
import DetailTitle from './Title.vue'
export default {
  name: 'DetailTicketInfo',
  components: {
    DetailTitle,
  },
  props: {
    ticketInfo: {
      type: String,
      default () {
        return '加载中...'
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.ticket-info-bd {
  width: 100%;
  .ticket-info {
    box-sizing: border-box;
    width: 100%;
    padding: .1rem;
    font-size: .14rem;
    line-height: .18rem;
    // 字母数组换行
    word-break: break-all;
    text-indent: 2em;
    background-color: #fff;
  }
}
</style>